<template>
	<view class="user-page">

		<user-info :userInfo="userInfo"></user-info>
		<user-server></user-server>
		<user-card></user-card>

		<view class="bc-color"></view>
	</view>
</template>

<script>
	import UserInfo from '../../components/user/UserInfo.vue'
	import UserCard from '../../components/user/UserCard.vue'
	import UserServer from '../../components/user/UserServer.vue'
	export default {
		components: {
			UserInfo,
			UserCard,
			UserServer
		},
		data() {
			return {
				userInfo: {}
			};
		},
		methods: {

		},
		onShow() {
			this.userInfo = this.$store.state.userInfo;
			uni.setNavigationBarTitle({
				title: this.$store.state.cinemaName
			})
		}
	}
</script>

<style lang="scss">
	.user-page {


		width: 100vw;
		position: relative;
		height: 100vh;
		background-color: #f0f0f5;
		z-index: 0;

		.bc-color {
			background-image: linear-gradient(#FB5868, #ffffff, #f0f0f5);
			width: 100vw;
			height: 800rpx;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -4;
		}
	}
</style>